<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>常用购票人管理首页</title>
    <link rel="shortcut icon" href="../../static/damai/image/label.ico" type="image/x-icon">
    <link rel="stylesheet" href="../../static/damai/css/ui-min.css">
    <link rel="stylesheet" href="../../static/damai/css/user-info.css">
    <link rel="stylesheet" href="../../static/damai/css/m_new.css">
    <link rel="stylesheet" href="../../static/damai/css/public-min.css">
    <link rel="stylesheet" href="https://passport.damai.cn/css/customer.css">
</head>
<body>

<!--顶部栏start-->
<div class="dm-header-wrap">
    <div class="dm-header-box" data-spm="top">
        <a href="javascript:void(0)"><img class="i-logo"
                                          src="../../static/damai/image/user/info/TB1D1QUxjDpK1RjSZFrXXa78VXa-230-104.png"
                                          alt="大麦"></a>
        <!--<div class="location-header">-->
        <!--<img class="i-icon-location" src="//img.alicdn.com/tfs/TB1XHDuxNGYBuNjy0FnXXX5lpXa-28-32.png" alt="定位">-->
        <!--<span class="city-location">全国</span>-->
        <!--<img class="i-arrow-location" src="https://img.alicdn.com/tfs/TB1vnUBxStYBeNjSspaXXaOOFXa-20-12.png"-->
        <!--alt="箭头">-->
        <!--<div class="city-header-wrap">-->
        <!--<div class="city-header" data-spm="city">-->
        <!--<div class="now-city">-->
        <!--<span class="title-city">当前城市:</span>-->
        <!--<span class="name-city select-city">全国</span>-->
        <!--</div>-->
        <!--<div class="hot-city">-->
        <!--<span class="title-city">热门城市:</span>-->
        <!--<div class="list-other"></div>-->
        <!--</div>-->
        <!--<div class="other-city">-->
        <!--<span class="title-city">其他城市:</span>-->
        <!--<div class="list-other"></div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <div class="recommend-header">
            <a href="javascript:void(0)" class="type-recommend" data-spm="dhome">首页</a>
            <a href="javascript:void(0)" class="type-recommend" data-spm="dcategory">分类</a>
        </div>
        <div class="right-header" data-spm="nick">
            <div class="box-header user-header">
                <a href="javascript:void(0)" class="J_userinfo_img" data-spm="duserinfo"><img
                        class="i-box-header i-user"
                        src="../../static/damai/image/user/info/118152760.png"></a>
                <a href="//passport.damai.cn/accountinfo/myinfo" class="J_userinfo_name" data-spm="duserinfo">
                    <div class="span-box-header name-user show">星语o</div>
                </a>
                <div class="login-user">
                    <span class="span-box-header span-user" data-spm="dlogin">登录</span>
                </div>
                <div class="list-wrap">
                    <div class="list-login">
                        <a href="javascript:void(0)" class="li-login select" data-spm="duserinfo">个人信息</a>
                        <a href="javascript:void(0)" class="li-login" data-spm="daccountsetting">账号设置</a>
                        <a href="javascript:void(0)" class="li-login" data-spm="dordermanage">订单管理</a>
                        <a href="javascript:void(0)" data-spm="dexit"
                           class="li-login out-login show">退出登录</a>
                    </div>
                </div>
            </div>
            <div class="box-header download-header">
                <img class="i-box-header i-download"
                     src="../../static/damai/image/user/info/TB1A9eIGKuSBuNjy1XcXXcYjFXa-54-54.png"
                     alt="下载">
                <span class="span-box-header">下载</span>
                <div class="ewm-download">
                    <img class="i-ewm" src="../../static/damai/image/user/info/TB1r0uFxHSYBuNjSspiXXXNzpXa-280-280.png">
                </div>
            </div>
            <div class="box-header">
                <a href="javascript:void(0)" data-spm="denglish">
                    <img class="i-box-header"
                         src="../../static/damai/image/user/info/TB13UKCGQyWBuNjy0FpXXassXXa-54-54.png"
                         alt="英文站">
                    <span class="span-box-header">English</span>
                </a>
            </div>
        </div>
        <div class="search-header" data-spm="searchtxt">
            <img class="i-search" src="../../static/damai/image/user/info/TB1qv3jxGmWBuNjy1XaXXXCbXXa-34-36.png"
                 alt="搜索">
            <input class="input-search" placeholder="搜索明星、演出、体育赛事" data-spm="dsearchbtn">
            <div class="btn-search" data-spm="dsearchbtn2">搜索</div>
            <div class="list-search-wrap">
                <div class="list-search">
                </div>
            </div>
        </div>

    </div>
</div>
<!--顶部栏end-->

<!--分割线start-->
<div class="red-line"></div>
<!--分割线end-->

<!--主体内容start-->
<div class="main">
    <!--left of start-->
    <div class="sidenav">
        <div id="mydamai" style="">
            <h3>我的大麦</h3>
            <dl>
                <dt>交易中心</dt>
                <dd><a id="nav_Order" href="javascript:void(0)" title="订单管理"
                       domain=""><span>订单管理</span></a></dd>

                <dd><a id="nav_myCoupon" href="javascript:void(0)" title="我的优惠券"
                       domain=""><span>我的优惠券</span></a></dd>


                <dl>
                    <!--
                    <dt>互动中心</dt>
                        <dd><a id="nav_MessCenter" href="http://my.damai.cn/interaction/siteMessage" title="站内消息"  domain=""><span >站内消息</span></a></dd>
                        <dd><a id="nav_MyComment" href="http://my.damai.cn/interaction/myComment" title="我的评论"  domain=""><span >我的评论</span></a></dd>
                        <dd><a id="nav_MyQuestion" href="http://my.damai.cn/interaction/myQuestion" title="我的提问"  domain=""><span >我的提问</span></a></dd></dl>
                    <dl>
                    -->
                    <dt>账户中心</dt>
                    <dd><a id="nav_MyAddress" href="javascript:void(0)" title="收货地址"
                           domain=""><span>收货地址</span></a></dd>
                    <dd><a id="nav_AccountSafty" href="javascript:void(0)"
                           title="账号设置" domain=""><span>账号设置</span></a></dd>

                    <dd><a href="javascript:void(0)" title="个人信息" domain=""><span>个人信息</span></a>
                    </dd>

                    <dd><a id="nav_MyInfo" href="javascript:void(0)"
                           title="常用购票人" domain=""><span>常用购票人</span></a></dd>
                </dl>

            </dl>
        </div>
    </div>

    <!--left of end-->
    <!--right of start-->
    <div class="right-main">
        <div class="breadcrumb"><span>常用购票人管理</span></div>
        <input type="hidden" id="phone" value="">
        <input type="hidden" id="count" value="0">
        <input type="hidden" id="tongdunFpHost" value="">
        <input type="hidden" id="tongdunStaticHost" value="">
        <div class="g-doc">
            <div class="u-btn"><input id="cerateCustomer" type="button" class="u-btn-r u-btn-r-tb" value="新建购票人"
                                      onclick="$('#createNewCustomer').show();$('.m-table').hide();$('#noInfo').hide();">
            </div>
            <div class="m-table" style="display: none;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" id="customerInfos">
                    <tbody>
                    <tr>
                        <th scope="col" class="w1">序号</th>
                        <th scope="col" class="w2">姓名</th>
                        <th scope="col" class="w3">证件类型</th>
                        <th scope="col" class="w4">证件号</th>
                        <th scope="col" class="w5">操作</th>
                    </tr>
                    <tr>
                        <td colspan="5">暂无记录</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="g-doc g-doc-border" id="noInfo" style="">
                <div class="m-noinfor">
                    <img class="pic" src="../../static/damai/image/user/noInfor.png">
                    <p class="t1">您还未添加购票人信息，提前 <a href="javascript:;"
                                                   onclick="$('#createNewCustomer').show();$('.m-table').hide();$('#noInfo').hide();"
                                                   class="add">添加</a> 可以使抢票速度更快哦~</p>
                </div>
            </div>
            <div class="g-doc g-doc-border" id="createNewCustomer" style="display:none;">
                <div class="m-title">
                    <div class="tt">新增购票人信息</div>
                </div>
                <div class="m-addinfor">
                    <div class="m-tips" id="phoneTips" style="display:none;">
              <span class="tt1">提示：<br>
              1.点击获取短信验证码，我们将短信验证码发送到您在大麦网安全中心绑定的手机号，请注意查收<br>
              2.请您在5分钟内使用短信验证码进行购票人信息验证，否则短信验证码失效。</span>
                    </div>
                    <div class="m-form">
                        <div class="row">
                            <label class="lab">姓名：</label>
                            <input class="ipt" id="username" type="text" value="" placeholder="请填写姓名">
                            <span id="userErr" class="err"></span>
                        </div>
                        <div class="row">
                            <label class="lab">证件类型：</label>
                            <select class="set" id="cardType">
                                <option value="1">身份证</option>
                                <option value="4">护照</option>
                                <option value="5">港澳通行证</option>
                                <option value="6">台胞证</option>
                            </select>
                        </div>
                        <div class="row">
                            <label class="lab">证件号码：</label>
                            <input id="card" class="ipt" type="text" value="" placeholder="请填写证件号">
                            <span id="cardErr" class="err"></span>
                        </div>
                        <div class="row" id="smsCodes" style="display:none">
                            <label class="lab">短信验证：</label>
                            <input id="smsCode" class="ipt ipt-sm" type="text" value="" placeholder="请输入短信验证">
                            <a id="msg_but" href="javascript:sendSMSCodes();" class="code code-mess">获取短信验证码</a>
                            <span id="seqNo"></span>
                            <span class="code code-mess-txt">账号绑定手机：<span id="phoneNo"></span></span>
                            <span id="smsCodeErr" class="err"></span>
                        </div>
                        <div class="row m-form-btn">
                            <input type="button" onclick="saveCustomer()" class="u-btn-r" value="保存">
                            <input type="button" class="u-btn-g" onclick="cancelAdd()" value="取消">
                        </div>
                        <div class="row m-form-btn" style="color:#999999;font-size:12px">
                            由芝麻信用提供验证
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div id="detailPagination" class="pagination"></div>
    </div>

    <!--right of end-->
</div>
<!--主体内容end-->


<!--底部内容start-->
<div class="dm-footer">
    <div class="w1200">
        <ul class="footer__links">

            <li class="footer__links__list"><a href="javascript:void(0)" target="_blank" data-spm="flink0">帮助中心</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink1">公司介绍</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink2">品牌识别</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink3">公司大事记</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink4">协议及隐私权政策</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a
                    href="javascript:void(0)"
                    target="_blank" data-spm="flink5">廉正举报</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink6">联系合作</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a
                    href="javascript:void(0)"
                    target="_blank" data-spm="flink7">招聘信息</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a
                    href="javascript:void(0)"
                    target="_blank" data-spm="flink8">防骗秘籍</a></li>


        </ul>
        <div class="footer__ft">
            <div class="footer__ft_fl">
                <a href="javascript:void(0)" target="_blank" class="footer__ft__logo">
                    <img src="../../static/damai/image/login/TB1NTQWxlLoK1RjSZFuXXXn0XXa-167-60.png" alt="">
                </a>
                <div class="footer__ft__code__box">
                    <img class="footer__ft__code"
                         src="../../static/damai/image/login/TB1r0uFxHSYBuNjSspiXXXNzpXa-280-280.png"
                         alt="">
                    <span>APP下载</span>
                </div>
            </div>
            <div class="footer__ft_fr">
                <div class="footer__fr__contact">

                    <a style="margin-left:0;" href="javascript:void(0)"
                       class="footer__fr__contact__btn alime">在线客服</a>
                </div>
                <ul class="footer__ft__words">
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)" target="_blank">京ICP证031057号</a>
                    </li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a href="javascript:void(0)" target="_blank">京ICP备11043884号</a>
                    </li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)"
                            target="_blank">京公网安备11010102000430号</a>
                    </li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)" target="_blank">广播电视节目制作经营许可证
                        (京)字第02253号</a></li>
                </ul>
                <ul class="footer__ft__words">
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)" target="_blank">网络文化经营许可证
                        京网文[2016]3438-413号</a></li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)" target="_blank">营业性演出许可证
                        京市演587号</a></li>
                </ul>
                <ul class="footer__ft__words">
                    <li class="footer__ft__certificate">北京红马传媒文化发展有限公司 版权所有</li>
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)">大麦网</a></li>
                    <li>Copyright 2003-2018 All Rights Reserved</li>
                </ul>
                <div class="footer__ft__img">
                    <span id="siteseal">
                    <script async="" type="text/javascript">
                            function verifySeal() {
                                var bgHeight = "null";
                                var bgWidth = "593";
                                var url = "https:\/\/seal.godaddy.com\/verifySeal?sealID=LU6rXPgk5BZ67ZEYpYS2JcN3AyCJOs6aD3HBo4dwA3iGeqp6csKFmqgB0zLL";
                                window.open(url, 'SealVerfication', 'menubar=no,toolbar=no,personalbar=no,location=yes,status=no,resizable=yes,fullscreen=no,scrollbars=no,width=' + bgWidth + ',height=' + bgHeight);
                            }
                    </script>
                    <img style="cursor:pointer;cursor:hand" class="footer__ft__img1"
                         src="../../static/damai/image/user/info/TB1gw_ZxNWYBuNjy1zkXXXGGpXa-131-32.gif"
                         onclick="verifySeal();"
                         alt="SSL site seal - click to verify" data-spm-anchor-id="a2o6e.home.0.i1.5b4d48d3mVzb2Z">
                    </span>
                    <a rel="nofollow" title="电子营业执照" target="_blank"
                       href="javascript:void(0)">
                        <img class="footer__ft__img2" alt=""
                             src="../../static/damai/image/user/info/TB1ZO80pyOYBuNjSsD4XXbSkFXa-141-41.png">
                    </a>

                    <a rel="nofollow" target="_blank" href="https://www.pcisecuritystandards.org/">
                        <img src="../../static/damai/image/user/info/TB1Y580pyOYBuNjSsD4XXbSkFXa-83-50.png"
                             class="footer__ft__img3">
                    </a>
                    <a rel="nofollow" target="_blank"
                       href="javascript:void(0)">
                        <img src="../../static/damai/image/user/info/TB1pM_ZxNWYBuNjy1zkXXXGGpXa-114-40.png"
                             class="footer__ft__img4w">
                    </a>
                    <a target="_blank" href="javascript:void(0)"
                       id="___szfw_logo___">
                        <img class="footer__ft__img4"
                             src="../../static/damai/image/user/info/TB1C4nNxTlYBeNjSszcXXbwhFXa-114-42.png">
                    </a>
                    <script type="text/javascript">(function () {
                        document.getElementById('___szfw_logo___').oncontextmenu = function () {
                            return false;
                        }
                    })();</script>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部内容end-->


</body>
</html>